﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Style.css" rel="stylesheet" />
    <style type="text/css">

H2 {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; COLOR: #354d3f; FONT-SIZE: 16pt; FONT-WEIGHT: bold
}
.xdBehavior_Select {
	BEHAVIOR: url(#default#SelectHelper) url(#default#DataBindingUI/Select)
}
.xdComboBox {
	MARGIN: 1px
}
SELECT {
	FONT-FAMILY: Calibri; FONT-SIZE: 10pt
}
TABLE {
	BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none
}
TABLE {
	FONT-SIZE: 10pt; FONT-FAMILY: Calibri; TEXT-TRANSFORM: none; FONT-WEIGHT: normal; COLOR: black; FONT-STYLE: normal
}
TR.xdTitleRow {
	MIN-HEIGHT: 83px
}
TD.xdTitleCell {
	BORDER-TOP: #bfbfbf 1pt solid; BORDER-RIGHT: #bfbfbf 1pt solid; PADDING-BOTTOM: 14px; TEXT-ALIGN: center; PADDING-TOP: 32px; PADDING-LEFT: 22px; BORDER-LEFT: #bfbfbf 1pt solid; PADDING-RIGHT: 22px; BACKGROUND-COLOR: #ffffff; vertical-align: bottom
}
TD {
	BORDER-TOP-COLOR: #d8d8d8; BORDER-BOTTOM-COLOR: #d8d8d8; BORDER-RIGHT-COLOR: #d8d8d8; BORDER-LEFT-COLOR: #d8d8d8
}
H1 {
	MARGIN-BOTTOM: 0px; FONT-SIZE: 24pt; FONT-WEIGHT: normal; COLOR: #354d3f; MARGIN-TOP: 0px
}
TR.xdTableContentRow {
	MIN-HEIGHT: 140px
}
TD.xdTableContentCell {
	BORDER-RIGHT: #bfbfbf 1pt solid; BORDER-BOTTOM: #bfbfbf 1pt solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #bfbfbf 1pt solid; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #ffffff; vertical-align:top;
}
TR.xdHeadingRow {
	MIN-HEIGHT: 27px
}
TD.xdHeadingCell {
	BORDER-TOP: #a6c2b2 1pt solid; BORDER-BOTTOM: #a6c2b2 1pt solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 22px; PADDING-RIGHT: 22px; BACKGROUND-COLOR: #e1eae5; vertical-align: bottom
}
TR.xdTableRow {
	MIN-HEIGHT: 30px
}
TD.xdTableCellLabel {
	PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 22px; PADDING-RIGHT: 5px
}
TD.xdTableCellComponent {
	PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 5px; PADDING-RIGHT: 22px
}
.xdRepeating {
	DISPLAY: inline-block
}
.xdSection {
	BORDER-TOP: transparent 1pt solid; BORDER-RIGHT: transparent 1pt solid; BORDER-BOTTOM: transparent 1pt solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: transparent 1pt solid; PADDING-RIGHT: 0px
}
.xdTextBox {
	OVERFLOW: hidden; WORD-WRAP: normal; BORDER-TOP: #dcdcdc 1pt solid; BORDER-RIGHT: #dcdcdc 1pt solid; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; BORDER-BOTTOM: #dcdcdc 1pt solid; COLOR: windowtext; PADDING-BOTTOM: 1px; TEXT-ALIGN: left; PADDING-TOP: 1px; PADDING-LEFT: 1px; MARGIN: 1px; BORDER-LEFT: #dcdcdc 1pt solid; DISPLAY: inline-block; PADDING-RIGHT: 1px; BACKGROUND-COLOR: window
}
H4 {
	MARGIN-BOTTOM: 0px; FONT-SIZE: 10pt; FONT-WEIGHT: normal; COLOR: #262626; FONT-STYLE: italic; MARGIN-TOP: 0px
}
.xdFileAttachment {
	MARGIN: 1px; DISPLAY: inline-block
}
        #myDescriptionSection {
            background-color: #66FF33;
        }
        #myCarSection {
            background-color: #3333CC;
        }
    </style>
</head>
<body>
        <table class="xdFormLayout" style="BORDER-TOP-STYLE: none; WORD-WRAP: break-word; BORDER-LEFT-STYLE: none; BORDER-COLLAPSE: collapse; TABLE-LAYOUT: fixed; BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; WIDTH: 485px" tabindex="-1">
            <colgroup>
                <col style="WIDTH: 485px" />
            </colgroup>
            <tr class="xdTitleRow" style="MIN-HEIGHT: 42px">
                <td class="xdTitleCell" style="VERTICAL-ALIGN: bottom; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 22px; PADDING-RIGHT: 22px; BACKGROUND-COLOR: #ffffff">
                    <h1>Felanmälan</h1>
                </td>
            </tr>
            <tr class="xdTableContentRow">
                <td class="xdTableContentCell" >
                    <div>
                        <div>
                        </div>
                        <div>
                            <table class="xdFormLayout xdTableStyleTwoCol" style="BORDER-TOP-STYLE: none; WORD-WRAP: break-word; BORDER-LEFT-STYLE: none; BORDER-COLLAPSE: collapse; TABLE-LAYOUT: fixed; BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; WIDTH: 482px" tabindex="-1">
                                <colgroup>
                                    <col style="WIDTH: 241px" />
                                    <col style="WIDTH: 241px" />
                                </colgroup>
                                <tbody >
                                    <tr class="xdHeadingRow">
                                        <td class="xdHeadingCell" colspan="2" style="BACKGROUND-COLOR: #f2f2f2">
                                            <h2 >FELBESKRIVNING</h2>
                                        </td>
                                    </tr>
                                    <tr class="xdTableRow">
                                        <td class="xdTableCellLabel" >
                                            <div style="FONT-WEIGHT: normal">
                                                <strong>Min felanmälan gäller:</strong></div>
                                            <div style="FONT-WEIGHT: normal">FaultReportType: <span data-bind="text: FaultReport.FaultReportType"></span>Test: <span data-bind="text: FaultReport.HideShow.test"></span>
                                                <select data-bind="value: FaultReport.FaultReportType" class="xdComboBox xdBehavior_Select" name="D2" size="1" tabindex="0" title="" >
                                                    <option value="0">Välj...</option>
                                                    <option value="1">Belysning</option>
                                                    <option value="2">Klottersanering</option>
                                                    <option value="3">Lekplats</option>
                                                    <option value="4">Renhållning och sopning av allmänna ytor</option>
                                                    <option value="5">Skötsel av gator gång- och cykelbanor</option>
                                                    <option value="6">Skötsel av parker och naturparker</option>
                                                    <option value="7">Strandskötsel</option>
                                                    <option value="8">Vatten och avlopp</option>
                                                    <option value="9">Avfallshämtning</option>
                                                    <option value="10">Skadedjur</option>
                                                    <option value="11">Skrotbilar</option>
                                                </select></div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div id="myBelysningSection" data-bind="visible: FaultReport.HideShow.BelysningSection">
                        <div  class="xdSection xdRepeating" style="MARGIN-BOTTOM: 0px; BORDER-TOP: 0pt; BORDER-RIGHT: 0pt; BORDER-BOTTOM: 0pt; BORDER-LEFT: 0pt; WIDTH: 100%" tabindex="0" title="" >
                                <table class="xdFormLayout xdTableStyleTwoCol" style="BORDER-TOP-STYLE: none; WORD-WRAP: break-word; BORDER-LEFT-STYLE: none; BORDER-COLLAPSE: collapse; TABLE-LAYOUT: fixed; BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none;" tabindex="-1">
                                    <tbody >
                                        <tr class="xdTableRow">
                                            <td class="xdTableCellLabel" >
                                                    <strong>Typ av belysningsfel:</strong>
                                                    <br />
                                                    <select  data-bind="value: FaultReport.TypeSectionBelysning" class="xdComboBox xdBehavior_Select"  >
                                                        <option value="0">Välj...</option>
                                                        <option value="1">Lampa släckt</option>
                                                        <option value="2">Lampa släckt efter ca 2 timmar</option>
                                                        <option value="3">Lampan blinkar</option>
                                                        <option value="4">Lampan tänd i något dygn och släckt i något dygn</option>
                                                        <option value="5">Trafikskadad stolpe</option>
                                                        <option value="6">Skadad stolpe</option>
                                                    </select>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            <div>
                                &nbsp;</div>
                        </div>
                    </div>
                    <div id="myDescriptionSection" data-bind="visible: FaultReport.HideShow.DescriptionSection">
                        <div  class="xdSection xdRepeating" style="MARGIN-BOTTOM: 0px; BORDER-TOP: 0pt; BORDER-RIGHT: 0pt; BORDER-BOTTOM: 0pt; BORDER-LEFT: 0pt; WIDTH: 482px" tabindex="0" title="" >
                            <div>
                                <table class="xdFormLayout xdTableStyleTwoCol" style="BORDER-TOP-STYLE: none; WORD-WRAP: break-word; BORDER-LEFT-STYLE: none; BORDER-COLLAPSE: collapse; TABLE-LAYOUT: fixed; BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; WIDTH: 455px" tabindex="-1">
                                    <colgroup>
                                        <col style="WIDTH: 455px" />
                                    </colgroup>
                                    <tbody >
                                        <tr class="xdTableRow">
                                            <td class="xdTableCellLabel" >
                                                <div>
                                                    <strong>Beskrivning:</strong><input data-bind="value: FaultReport.TypeSectionText" class="xdTextBox" style="WORD-WRAP: break-word; FONT-SIZE: small; FONT-FAMILY: Arial; WHITE-SPACE: normal; OVERFLOW-X: auto; OVERFLOW-Y: auto; COLOR: #000000; FONT-STYLE: normal; WIDTH: 100%" tabindex="0" title="" /></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div id="myCarSection" data-bind="visible: FaultReport.HideShow.CarSection">
                        <div  class="xdSection xdRepeating" style="MARGIN-BOTTOM: 0px; BORDER-TOP: 0pt; BORDER-RIGHT: 0pt; BORDER-BOTTOM: 0pt; BORDER-LEFT: 0pt; WIDTH: 100%" tabindex="0" title="" >
                            <div>
                                <table class="xdFormLayout xdTableStyleTwoCol" style="BORDER-TOP-STYLE: none; WORD-WRAP: break-word; BORDER-LEFT-STYLE: none; BORDER-COLLAPSE: collapse; TABLE-LAYOUT: fixed; BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; WIDTH: 455px" tabindex="-1">
                                    <colgroup>
                                        <col style="WIDTH: 227px" />
                                        <col style="WIDTH: 228px" />
                                    </colgroup>
                                    <tbody >
                                        <tr class="xdTableRow" style="MIN-HEIGHT: 32px">
                                            <td class="xdTableCellLabel" ><strong>Registreringsnummer:</strong>
                                                <h4 style="FONT-WEIGHT: normal"><input data-bind="value: FaultReport.TypeSkotbilarRegNumber" class="xdTextBox"  style="FONT-SIZE: small; FONT-FAMILY: Arial; FONT-WEIGHT: normal; FONT-STYLE: normal; WIDTH: 100%" tabindex="0" title="" /></h4>
                                            </td>
                                            <td class="xdTableCellComponent" >
                                                <div>
                                                    <strong>Bilmärke:</strong><input data-bind="value: FaultReport.TypeSkrotbilarBrand" class="xdTextBox"  style="FONT-SIZE: small; FONT-FAMILY: Arial; COLOR: #000000; FONT-STYLE: normal; WIDTH: 100%" tabindex="0" title="" /></div>
                                            </td>
                                        </tr>
                                        <tr class="xdTableRow" style="MIN-HEIGHT: 30px">
                                            <td class="xdTableCellLabel" >
                                                <div style="FONT-WEIGHT: normal">
                                                    <strong>Färg:</strong><input data-bind="value: FaultReport.TypeSkrotbilarColor" class="xdTextBox"  style="FONT-SIZE: small; FONT-FAMILY: Arial; COLOR: #000000; FONT-STYLE: normal; WIDTH: 100%" tabindex="0" title="" /></div>
                                            </td>
                                            <td class="xdTableCellComponent" >
                                                <div>
                                                    <strong>Chassinummer:</strong><input data-bind="value: FaultReport.TypeSkrotbilarChassisNumber" class="xdTextBox"  style="FONT-SIZE: small; FONT-FAMILY: Arial; COLOR: #000000; FONT-STYLE: normal; WIDTH: 100%" tabindex="0" title="" /></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div>
                            &nbsp;</div>
                    </div>
                    <div>
                        <table class="xdFormLayout xdTableStyleTwoCol" style="BORDER-TOP-STYLE: none; WORD-WRAP: break-word; BORDER-LEFT-STYLE: none; BORDER-COLLAPSE: collapse; TABLE-LAYOUT: fixed; BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; WIDTH: 482px" tabindex="-1">
                            <colgroup>
                                <col style="WIDTH: 241px" />
                                <col style="WIDTH: 241px" />
                            </colgroup>
                            <tbody >
                                <tr class="xdHeadingRow">
                                    <td class="xdHeadingCell" style="BACKGROUND-COLOR: #f2f2f2">
                                        <h2 >PLATS</h2>
                                    </td>
                                </tr>
                                <tr class="xdTableRow">
                                    
                                    <td class="xdTableCellComponent" >
                                        <strong>Gatuadress:</strong><input data-bind="value: FaultReport.WhereAddress" class="xdTextBox"  style="FONT-SIZE: small; FONT-FAMILY: Arial; COLOR: #000000; FONT-STYLE: normal; WIDTH: 100%" tabindex="0" title="" />
                                    </td>
                                </tr>
                                <tr class="xdTableRow" style="MIN-HEIGHT: 60px">
                                    <td class="xdTableCellComponent" >
                                        
                                            <strong>Bifoga fil:</strong>
                                        
                                        
                                            <input type="file" class="xdFileAttachment" />
                                        
                                    </td>
                                </tr>
                            </tbody>
                            
                        </table>
                    </div>
                </td>
            </tr>
        </table>
</body>
</html>
